<template>
  <view v-if="detail.managerStatus === '2' && detail.acceptanceIdea === '1'">
    <view class="hidden-title">验收不合格信息</view>
    <cu-cell-group>
      <cu-cell title="验收意见：" :description="detail.acceptanceIdeaLabel" description-align="left"></cu-cell>
      <cu-cell
        title="验收时间："
        title-width="160rpx"
        :description="detail.acceptanceDate"
        description-align="left"
      ></cu-cell>
      <cu-cell
        title="验收部门："
        title-width="160rpx"
        :description="detail.acceptanceDeptLabel"
        description-align="left"
      ></cu-cell>
    </cu-cell-group>
    <view class="background-white bor-top">
      <view class="cell-label">验收结果: </view>
      <view class="cell-content">{{ detail.acceptanceResult }}</view>
    </view>
    <view class="background-white bor-top">
      <view class="cell-label">备注： </view>
      <view class="cell-content">{{ detail.acceptanceRemark }}</view>
    </view>
    <view class="background-white bor-top">
      <view>验收照片:</view>
      <view class="photo">
        <image-upload :image-url="detail.acceptancePhotoUrl" />
      </view>
    </view>
  </view>
</template>

<script>
import ImageUpload from '@/components/image-upload'
import CuCellGroup from '@/components/cu-cell/cu-cell-group.vue'
import CuCell from '@/components/cu-cell/cu-cell.vue'
export default {
  name: 'AcceptFailInfo',
  components: { ImageUpload, CuCellGroup, CuCell },
  props: {
    detail: {
      type: Object,
      default: {}
    }
  }
}
</script>

<style lang="scss" scoped>
.pwd-retrieve-container {
  .background-white {
    background-color: #fff;
    padding: 20rpx 30rpx 1rpx 30rpx;

    view {
      padding: 14rpx 0;

      text {
        color: #666;
        display: inline-block;
        width: 78%;
        vertical-align: top;
      }
    }

    .bor-btm {
      display: flex;
      border-bottom: 1px solid #d5d7e3;
    }

    .photo {
      display: flex;
      justify-content: space-between;

      image {
        width: 214rpx;
        height: 214rpx;
      }
    }
  }
}

.hidden-title {
  background: #f5f5f5;
  padding: 20rpx;
  color: #999;
}

.bor-top {
  border-top: 20rpx solid #f5f5f5;
}
</style>
